/* https://pojo.me/plugins/accessibility/ */
.daltonien *{ filter: grayscale(100%); }

.malvoyants_black *:not(header, header *, #splash .present nav a, #acessibility, #acessibility * ){ filter: grayscale(100%); color: #fff!important; background: #000!important; }
.malvoyants_black  header *:not(.lgMenu, .lgMenu *){ filter: grayscale(100%) brightness(1.5); color: #fff!important; }
.malvoyants_black #acessibility *{ filter: grayscale(100%); }

.malvoyants_white *:not(header, header *, #splash .present nav a, #acessibility, #acessibility * ){ filter: grayscale(100%); color: #000!important; background: #fff!important; }
.malvoyants_white  header *:not(.lgMenu, .lgMenu *){ filter: grayscale(100%) brightness(1.5); color: #000!important; }
.malvoyants_white #acessibility *{ filter: grayscale(100%); }

.fontmoyen{ font-size: 1.5vw; }
.fontgrosse{ font-size: 1.75vw; }

.keynav :focus{ outline: 4px solid red; background-color: yellow!important; color: #000!important; }

#acessibility{ display: flex; flex: none; flex-direction: column; align-items: flex-end; position: fixed; bottom: 0; right: 0.25em; z-index: 500; }
.he #acessibility{ right: auto; left: 0.25em; align-items: flex-start; }
#acessibility .cta{ width: auto; background: #274abc; }
#acessibility .cta .material-icons{ font-size: 1.75em; }
#acessibility menu{ display: none; padding: 0; margin: 0; font-size: 0.66em; }
#acessibility menu a:not(.fontsize a), #acessibility menu div{ 
    text-decoration: none; display: flex; flex: none; align-items: center; padding: 1.25em; 
    background: #fff; border: 1px solid #222; border-radius: 8px; color: #222; 
}
.he #acessibility menu a:not(.fontsize a), .he #acessibility menu div{
    flex-direction: row-reverse;
}
#acessibility menu a:not(.fontsize a) .material-icons{ font-size: 1.33em; margin: 0 0.33em; }
#acessibility menu a.selected{ background: #274abc!important; color: #fff!important; }
#acessibility menu .fontsize{ font-size: 1.5em; padding: 0 1.25em; align-items: baseline; }
#acessibility menu .fontsize a{ text-decoration: none; color: #222; font-weight: bold; margin: 0 0.1em; }
#acessibility menu .fontsize .moyen{ font-size: 1.25em; }
#acessibility menu .fontsize .grosse{ font-size: 1.5em; }


@media (max-width: 1024px) and /*(orientation: portrait)*/ (max-aspect-ratio: 13/9) { /*vertical*/
    .fontmoyen{ font-size: 4.4vw; }
    .fontgrosse{ font-size: 4.88vw; }

}

@media (max-width: 1024px) and /*(orientation: landscape)*/ (min-aspect-ratio: 13/9) { /*horizontal*/
    .fontmoyen{ font-size: 3.25vw; }
    .fontgrosse{ font-size: 4vw; }
}